<?php
use yii\helpers\Html;
use yii\helpers\Url;
?>

        <!--服务地点start-->
           <div class="get-car popup">
      	      <div class="get-car-list get-car-lista">
      	      	<span name='yz'>Y-Z</span>
      	      	<span name='uvwx'>U-X</span>
      	      	<span name='qrst'>Q-T</span>
      	      	<span name='mnop'>M-P</span>
      	      	<span name='ijkl'>I-L</span>
      	      	<span name='efgh'>E-H</span>
      	      	<span class="active" name='abcd'>A-D</span>
      	      	<div class="clear"></div></div>
      	      <!--<input class="get-car-other-box" type="text" placeholder="点击输入车辆品牌及型号" >
      	      <div class="get-car-other-btn">确认</div>-->
      	      <div class="get-car-list get-car-listb"><!--<span class="get-car-other" name="brand">其他</span>--><div class="clear"></div></div>
      	      <div class="get-car-list get-car-listc"><!--<span class="get-car-other" name="cars">其他</span>--><div class="clear"></div></div>
      	      <div class="get-car-list get-car-listd"><!--<span class="get-car-other" name="models">其他</span>--><div class="clear"></div></div>
      	      <div class="get-car-other-btn-close close-popup">关闭</div>
      	   </div>
      	   <!--服务地点end-->
		<div class="page" id="page_rentalCar">
			<header class="bar bar-nav" style="background: #1CABED;width: 100%;">
                <!--<a class="icon  pull-left icon-left back" href="#" data-no-cache="true" style="color: #ffffff"></a>-->
                <a href="<?=Url::to(['/h5cargo/index/rentalcarorder'])?>" class="icon  pull-right"   data-no-cache="true" style="color: #ffffff;font-size: 14px;-webkit-text-stroke-width: 0;">租车订单</a>
               <h1 class="title">租车</h1>
           </header>
			<div class="bar bar-header-secondary" style="display: none;">
               <a  class="button button-link button-nav pull-right active">选择车辆</a>
               <a  class="button button-link button-nav pull-right change-search" style="color: #ccc;margin-right: .5rem;">更改搜索条件 </a>
            </div>
            <!--nav-->
            <nav class="bar bar-tab" style="background: #fff;">
                <a class="tab-item bocheurl" href="<?=Url::to(['/h5cargo/index/parkindex'])?>"><span class="iconNav icon-nav-park"></span><span class="tab-label boche">泊车</span></a>
                <a class="tab-item active zucheurl" href="<?=Url::to(['/h5cargo/index/rentalcar'])?>"><span class="iconNav icon-nav-qiche"></span><span class="tab-label zuche">租车</span></a>
                <a class="tab-item aicheurl" href="<?=Url::to(['/h5cargo/index/mycarlist'])?>">
                    <div>
                        <span class="iconNav icon-nav-gl"></span>
                    </div>
                </a>
                <a class="tab-item quanyiurl" href="<?=Url::to(['/h5cargo/index/welfare'])?>"><span class="iconNav icon-nav-qy"></span><span class="tab-label quanyi">福利</span></a>
                <a class="tab-item wodeurl" href="<?=Url::to(['/h5cargo/index/home'])?>"><span class="iconNav icon-nav-wd"></span><span class="tab-label wode">我的</span></a>
                <div class="clear"></div>
            </nav>
        <!--nav-->
            <div class="content">
					<div class="carRental-main">
						<div class="logo"><img src="/h5car/img/logo.png"></div>
					    <div class="carRental-list">
						    <ul>
							    <li class="for-select-local">
							    	<span class="carRental-list-icon"><img src="/h5car/img/icon/dd.png"></span>
							    	<label>原地取回</label><span class="for-select-local-text" style="margin-right: .5rem;color: #9A9A9A;">选择服务地点</span>
							    	<input type="hidden"  name="park_place">
                                      <div class="clear"></div>
							    </li>
							    <li class="carRental-timepicker">
							    	<span class="carRental-list-icon"><img src="/h5car/img/icon/rl.png" name="/h5car/img/icon/rl_f.png" ></span>
								    <input type="text" placeholder="开始时间" id="rang-time-start" /> <div class="clear"></div>
							    </li>
							     <li class="carRental-timepicker">
							    	<span class="carRental-list-icon"><img src="/h5car/img/icon/rl.png" name="/h5car/img/icon/rl_f.png" ></span>
								    <input type="text" placeholder="结束时间" id="rang-time-end" /> <div class="clear"></div>
							    </li>
						    </ul>
						    <div style="color:#2E6BE6; margin-top: 2rem; border-bottom: solid thin #ccc;">
						    	<div style="padding: 0 1rem;color: #ccc; background-color: #fff;margin: 0 auto -10px auto;width: 6rem;">可选设置 <label id="show-morefree" class="label-switch" style="float: right;"><img src="/h5car/img/icon/icon_down.png" width="18px" /></label></div>
						    </div>
						   <!--更多选项start-->
						    <div class="RC-more">
						    	<ul>
						    		<!--<li class="">
							    	   <span class="carRental-list-icon"><img src="h5car/img/icon/qc.png"></span>
							    	   <span style="margin-right: .5rem;color: #9A9A9A;">车型</span>
                                       <div class="clear"></div>
							        </li>-->
							        <li class="">
							    	   <span class="carRental-list-icon"><img src="/h5car/img/icon/bsx.png"></span>
							    	   <span  style="margin-right: .5rem;color: #9A9A9A;">变速箱</span>
                                       <div class="clear"></div>
							        </li>
							        <li class="">
							    	   <span class="carRental-list-icon"><img src="/h5car/img/icon/zy.png"></span>
							    	   <span  style="margin-right: .5rem;color: #9A9A9A;">座位数</span>
                                       <div class="clear"></div>
							        </li>
							        <li class="">
							    	   <span class="carRental-list-icon"><img src="/h5car/img/icon/cp.png"></span>
							    	   <span  style="margin-right: .5rem;color: #9A9A9A;">车牌</span>
                                       <div class="clear"></div>
							        </li>
						    	</ul>
						    </div>
						    <input type="hidden" name="scb"/>
						    <input type="hidden" name="seat"/>
						    <input type="hidden" name="city"/>
      	                      <!--<div class="RC-more-up RC-more-up-a">
      	    	              <span>SUV</span><span>轿车</span><span title=''>不限</span><div class="clear"></div>
      	                      </div>-->
      	                      <div class="RC-more-up RC-more-up-b">
      	    	                 <span title="2">自动</span><span title="1">手动</span><span title=''>不限</span><div class="clear"></div>
      	                      </div>
      	                       <div class="RC-more-up RC-more-up-c">
      	    	              <span title="2">5座</span><span title="3">7座</span><span title=''>不限</span><div class="clear"></div>
      	                      </div>
      	                       <div class="RC-more-up RC-more-up-d">
      	    	              <span title="1">本地</span><span title="2">外地</span><span title="">不限</span><div class="clear"></div>
      	                      </div>
      	                     <!--更多选项end-->
						    <div><a id="carRental-submit" class="bottn">立即查找</a></div>
					    </div>
					</div>
					 <div class="carlist pull-to-refresh-content pull-to-refresh-content-rentalCarList content infinite-scroll infinite-scroll-rentalCarList" data-distance="100" data-ptr-distance="80"  style="display: none;">
					 	<div class="pull-to-refresh-layer">
                          <div class="preloader"></div>
                           <div class="pull-to-refresh-arrow"></div>
                         </div>
					       <div class="RCR-px"><span>按价格排序<img src="/h5car/img/icon/icon_down.png" style="width:.9rem;vertical-align: -15%;margin-left: .5rem;"></span></div>
		                    <div class="carR-car-list">
		                      <ul>
		                     </ul>
		                    </div>
		                     <div class="infiniteOver" style="display: none;text-align: center;margin-top: 2rem;">没有了...</div>
                               <div class="infinite-scroll-preloader">
                                  <div class="preloader"></div>
                               </div>
		             </div>
		           </div>
		         </div>


<!--没登陆时页面-->
<!--<div class="page" id="page_noLoginRentalCar">-->
<!--    <header class="bar bar-nav" style="background: #1CABED;width: 100%;">-->
<!--        <a class="icon  pull-left icon-left back" href="#" data-no-cache="true" style="color: #ffffff"></a>-->
<!--        <a class="icon  pull-right nologinrentalrcar" href="#"  data-no-cache="true" style="color: #ffffff;font-size: 14px">登录后租车</a>-->
<!--        <h1  class="title">租车</h1>-->
<!--    </header>-->
<!--    <!--nav-->-->
<!--    <nav class="bar bar-tab" style="background: #fff;">-->
<!--        <a class="tab-item bocheurl" href="--><?//=Url::to(['/h5cargo/index/parkindex'])?><!--#page_noLoginparkIndex"><span class="iconNav icon-nav-park"></span><span class="tab-label boche">泊车</span></a>-->
<!--        <a class="tab-item zucheurl active" href="--><?//=Url::to(['/h5cargo/index/rentalcar'])?><!--"><span class="iconNav icon-nav-qiche"></span><span class="tab-label zuche">租车</span></a>-->
<!--        <a class="tab-item aicheurl" href="--><?//=Url::to(['/h5cargo/index/mycarlist'])?><!--">-->
<!--            <div>-->
<!--                 <span class="iconNav icon-nav-gl"></span>-->
<!--            </div>-->
<!--        </a>-->
<!--        <a class="tab-item quanyiurl" href="--><?//=Url::to(['/h5cargo/index/welfare'])?><!--"><span class="iconNav icon-nav-qy"></span><span class="tab-label quanyi">福利</span></a>-->
<!--        <a class="tab-item wodeurl" href="--><?//=Url::to(['/h5cargo/index/home'])?><!--"><span class="iconNav icon-nav-wd"></span><span class="tab-label wode">我的</span></a>-->
<!--        <div class="clear"></div>-->
<!--    </nav>-->
<!--    <!--nav-->-->
<!--    <div class="content" style="top: 2.2rem;">-->
<!--        <div>-->
<!--            <div>-->
<!--                <img src="/h5car/img/nologinimg/unlogin_img_2.png" style="width: 100%;">-->
<!--            </div>-->
<!--            <div style="text-align: center;margin-top: 2rem">-->
<!--                <a href="--><?//=Url::to(['/h5cargo/index/login'])?><!--">-->
<!--                    <img src="/h5car/img/nologinimg/title_2.png" style="width: 70%;height: 70%">-->
<!---->
<!--                </a>-->
<!--            </div>-->
<!--            <div style="text-align: center;margin-top:1rem">-->
<!--                <a href="--><?//=Url::to(['/h5cargo/index/login'])?><!--">-->
<!--                    <img src="/h5car/img/nologinimg/content_2.png" style="width: 70%;height: 70%">-->
<!--                </a>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->
<script type="text/javascript">
    var carDetailsUrl ="<?=Url::to(['/h5cargo/index/cardetails'])?>";
    var homeUrl ="<?=Url::to(['/h5cargo/index/home'])?>";
    var loginUrl ="<?=Url::to(['/h5cargo/nologinindex/login'])?>";

</script>